﻿<Fluent:RibbonWindow xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
				xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
				xmlns:d="http://schemas.microtsoft.com/expression/blend/2008" 
				xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
				
				xmlns:s="http://www.stemasoft.com/xaml"
				xmlns:demo="clr-namespace:NavigationPaneDemo"
                     xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
				
				xmlns:Fluent="clr-namespace:Fluent;assembly=Fluent"
				
				mc:Ignorable="d"
				x:Class="NavigationPaneDemo.MainWindow"
				Title="Abhiruchi UI" WindowStartupLocation="CenterScreen"
				Icon="Images/personal.ico" 
				Background="#FFCCD1D4" ResizeMode="CanResizeWithGrip" Foreground="White" WindowState="Maximized" WindowStyle="None">

    <Fluent:RibbonWindow.Resources>

        <ResourceDictionary>
            <s:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter1"/>
            <s:BooleanNegateConverter x:Key="BooleanNegateConverter"/>
            <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
            <ItemsPanelTemplate x:Key="ItemsPanelTemplate1">
                <DockPanel IsItemsHost="True"/>
            </ItemsPanelTemplate>
        </ResourceDictionary>
    </Fluent:RibbonWindow.Resources>

    <DockPanel>
        <Fluent:Ribbon d:LayoutOverrides="VerticalAlignment" DockPanel.Dock="Top">
            <Fluent:RibbonTabItem Header="Actions">

                <Fluent:RibbonGroupBox Header="" >
                    <Fluent:Button Name="quickSearch" Header="Search Employee" LargeIcon ="Images\find.ico" Click="quickSearch_Click" />
                    <Fluent:Button Name="quickTaskMap" Header="Task Mapping" LargeIcon ="Images\taskImap.ico" Click="quickTaskMap_Click" />
                    <Fluent:Button Name="help" Header="Help" LargeIcon ="Images\helps.ico" Click="quickHelp_Click" />
                </Fluent:RibbonGroupBox>
            </Fluent:RibbonTabItem>
        </Fluent:Ribbon>
        <Fluent:StatusBar VerticalAlignment="Bottom" d:LayoutOverrides="Height" DockPanel.Dock="Bottom" />


        <s:NavigationPane x:Name="navigationPane" HorizontalAlignment="Left" LargeItems="5"  IsMinimized="false" Width="160" SelectionChanged="navigationPane_SelectionChanged" BorderBrush="White" Background="#FFEFF1F4">


            <s:NavigationPaneItem Header="Hrm" Image="Images/personal.ico">
                <s:NavigationPaneItem.SubItems>
                    <s:NavigationPaneButton />
                </s:NavigationPaneItem.SubItems>
                <StackPanel >
                    <Label FontWeight="Bold">Hrm</Label>
                    <s:NavigationPaneSplitter></s:NavigationPaneSplitter>
                    <s:NavigationPaneButton Height="30" Name="btnPermanent" ImageType="Small" Click="btnPermanent_Click" ImageSmall="/Images/person.ico" CheckMode="None">Permanent Employee</s:NavigationPaneButton>
                    <s:NavigationPaneButton Height="30" Name="btnContract" ImageType="Small" Click="btnContract_Click" ImageSmall="Images/operator.ico" CheckMode="None">Contract Employee</s:NavigationPaneButton>
                    <s:NavigationPaneButton Height="30" Name="btnSearch"  ImageType="Small" Click="btnSearch_Click" ImageSmall="Images/find.ico" CheckMode="None">Search Employee</s:NavigationPaneButton>

                </StackPanel>
            </s:NavigationPaneItem>
            <s:NavigationPaneItem Header="Organization" Image="Images/org.ico">
                <s:NavigationPaneItem.SubItems>
                    <s:NavigationPaneButton />
                </s:NavigationPaneItem.SubItems>
                <StackPanel>

                    <Label FontWeight="Bold">Organization</Label>
                    <s:NavigationPaneSplitter></s:NavigationPaneSplitter>
                    <s:NavigationPaneButton Height="30" Name="btnLoc" ImageSmall="Images/Location.ico" Click="btnLoc_Click" ImageType="Small">Location</s:NavigationPaneButton>
                    <s:NavigationPaneButton Height="30" Name="btnSection" ImageSmall="Images/section.ico" Click="btnSection_Click"  ImageType="Small">Section</s:NavigationPaneButton>
                    <s:NavigationPaneButton Height="30" Name="btnTasks" ImageSmall="Images/tasks.ico" Click="btnTasks_Click" ImageType="Small">Tasks</s:NavigationPaneButton>
                    <s:NavigationPaneButton Height="30" Name="btntaskMap" ImageSmall="Images/taskImap.ico" Click="btntaskMap_Click" ImageType="Small">Task Mapping</s:NavigationPaneButton>
                </StackPanel>
            </s:NavigationPaneItem>

            <s:NavigationPaneItem Header="Biometric" Image="Images/bio.ico" >
                <s:NavigationPaneItem.SubItems>
                    <s:NavigationPaneButton />
                </s:NavigationPaneItem.SubItems>
                <StackPanel>
                    <Label FontWeight="Bold">Biometric</Label>
                    <s:NavigationPaneSplitter></s:NavigationPaneSplitter>
                    <s:NavigationPaneButton Name="Biometric" Height="30" ImageSmall="Images/bio.ico" Click="Biometric_Click" ImageType="Small">Biometric</s:NavigationPaneButton>
                    <!--<s:NavigationPaneButton Height="30" Name="btnDeviceIntegration" ImageSmall="Images/device.ico" ImageType="Small">Device Integration</s:NavigationPaneButton>
                    <s:NavigationPaneButton Height="30" Name="btnAttMgmt" ImageSmall="Images/attendence1.ico" ImageType="Small">Attendence Management</s:NavigationPaneButton>-->

                </StackPanel>
            </s:NavigationPaneItem>
        </s:NavigationPane>


        <Border BorderBrush="{Binding BorderBrush, ElementName=navigationPane}" BorderThickness="0" Background="White" Padding="6" Margin="2,2,4,4" VerticalAlignment="Top">
            <Border.Effect>
                <DropShadowEffect BlurRadius="4" ShadowDepth="0" Opacity="0.3" Color="#AC000000"/>
            </Border.Effect>
            <ScrollViewer VerticalScrollBarVisibility="Auto" >
                <Grid Height="AUTO" Name="grdRightPane" Width="Auto"></Grid>
            </ScrollViewer>
        </Border>

    </DockPanel>
</Fluent:RibbonWindow>


